<!DOCTYPE html>
<html lang="en">
<head>
	<title>DeoCreative | Typography</title>

	<meta charset="utf-8">
	<!--[if IE]><meta http-equiv='X-UA-Compatible' content='IE=edge,chrome=1'><![endif]-->
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name="description" content="">
	<link rel="author" href="https://plus.google.com/u/0/104296509460513856975" />
	
	<!-- Google Fonts -->
	<link href='https://fonts.googleapis.com/css?family=Lora:400,400italic,700%7CCardo:400,700' rel='stylesheet' type='text/css'>

	<!-- Css -->
	<link rel="stylesheet" href="css/bootstrap.min.css" />
	<link rel="stylesheet" href="css/magnific-popup.css" />
	<link rel="stylesheet" href="revolution/css/settings.css" />
	<link rel="stylesheet" href="css/rev-slider.css" />
	<link rel="stylesheet" href="css/font-icons.css" />
	<link rel="stylesheet" href="css/sliders.css" />
	<link rel="stylesheet" href="css/style.css" />
	<link rel="stylesheet" href="css/responsive.css" />
	<link rel="stylesheet" href="css/spacings.css" />
	<link rel="stylesheet" href="css/animate.min.css" />

	<!-- Favicons -->
	<link rel="shortcut icon" href="img/favicon.ico">
	<link rel="apple-touch-icon" href="img/apple-touch-icon.png">
	<link rel="apple-touch-icon" sizes="72x72" href="img/apple-touch-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="114x114" href="img/apple-touch-icon-114x114.png">

</head>

<body data-spy="scroll" data-offset="60" data-target=".nav-wrap" class="onepage padding-box">

	<!-- Preloader -->
	<div class="loader-mask">
		<div class="loader">
			"Loading..."
		</div>
	</div>

	<header class="nav-type-2 onepage-nav" id="home">
		<nav class="navbar navbar-fixed-top">
			<div class="navigation-overlay">

				<div class="container-fluid semi-fluid relative clearfix">

					<div class="row">

						<div class="navbar-header">
							<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-collapse">
								<span class="sr-only">Toggle navigation</span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
								<span class="icon-bar"></span>
							</button>
						</div> <!-- end navbar-header -->

						<div class="logo-container">
							<div class="logo-wrap local-scroll">
								<a href="#home" class="logo">
									<img src="img/logo_light.png" alt="logo">
								</a>
							</div>
						</div>

						<div class="col-md-9 nav-wrap right">
							<div class="collapse navbar-collapse" id="navbar-collapse">
							  
								<ul class="nav navbar-nav local-scroll navbar-right">

									<li>
										<a href="index.html#home">Home</a>
									</li>
									<li>
										<a href="index.html#portfolio">Works</a>
									</li>
									<li>
										<a href="index.html#services">Services</a>
									</li>
									<li>
										<a href="index.html#about-us">About</a>
									</li>							            
									<li class="active">
										<a href="#blog">Blog</a>
									</li>
									<li>
										<a href="index.html#contact">Contact</a>
									</li>
									<li>
										<a href="../index.html">All Demos</a>
									</li>
						
								</ul>
							</div>
						</div> <!-- end col -->

					</div> <!-- end row -->
				</div> <!-- end container -->
			</div>
		</nav>
	</header>

	<div class="main-wrapper oh">

		<!-- Page Title -->
		<section class="page-title text-center" style="background-image: url(img/blog_title_bg.jpg);">
			<div class="container relative clearfix">
				<div class="title-holder">
					<div class="title-text">
						<h1>Typography</h1>
						<ol class="breadcrumb">
							<li>
								<a href="index.html">Home</a>
							</li>
							<li>
								<a href="index.html">Pages</a>
							</li>
							<li class="active">
								Typography
							</li>
						</ol>
					</div>
				</div>
			</div>
		</section> <!-- end page title -->

		<!-- Typography -->
		<section class="section-wrap pb-50">
			<div class="container">
				<div class="row">
					
					<div class="col-md-12 mb-50">

						<!-- Headings -->
						<div class="section-headings">

							<div class="row">
								<div class="col-md-6">
									<h1>Heading h1</h1>
									<p>Our Theme is a very slick and clean e-commerce template with endless possibilities. Creating an awesome website with this Theme is easy than you can imagine.</p>
								</div>

								<div class="col-md-6">
									<h2>Heading h2</h2>
									<p>Our Theme is a very slick and clean e-commerce template with endless possibilities. Creating an awesome website with this Theme is easy than you can imagine.</p>
								</div>
							</div>

							<div class="row">
								<div class="col-md-6">
									<h3>Heading h3</h3>
									<p>Our Theme is a very slick and clean e-commerce template with endless possibilities. Creating an awesome website with this Theme is easy than you can imagine.</p>
								</div>

								<div class="col-md-6">
									<h4>Heading h4</h4>
									<p>Our Theme is a very slick and clean e-commerce template with endless possibilities. Creating an awesome website with this Theme is easy than you can imagine.</p>
								</div>
							</div>

							<div class="row">
								<div class="col-md-6">
									<h5>Heading h5</h5>
									<p>Our Theme is a very slick and clean e-commerce template with endless possibilities. Creating an awesome website with this Theme is easy than you can imagine.</p>
								</div>
								<div class="col-md-6">
									<h6>Heading h6</h6>
									<p>Our Theme is a very slick and clean e-commerce template with endless possibilities. Creating an awesome website with this Theme is easy than you can imagine.</p>
								</div>
							</div>

						</div> <!-- end headings -->


						<!-- Blockquotes -->
						<h2 class="heading text-center mt-100">Blockquotes</h2>
						<div class="row mt-30">

							<div class="col-sm-6">
								<blockquote class="blockquote-style-1 mb-30">
									<p>
										Incredible change happens in your life when you decide to take control of what you do have power over instead of craving control over what you don't.
									</p>
									<span>Steve Maraboli</span>
								</blockquote>
							</div>

							<div class="col-sm-6">
								<blockquote class="blockquote-style-2">
									<p>
										Be who you are and say what you feel, because those who mind don't matter, and those who matter don't mind.
									</p>
									<span>Bernard M. Baruch</span>
								</blockquote>					
							</div>

						</div> <!-- end blockquotes -->


						<!-- Dropcaps -->
						<h2 class="heading text-center mt-100">Dropcaps</h2>							
						<div class="row mt-30">

							<div class="col-sm-6 mb-30">
								<p><span class="dropcap style-1">D</span>
									eoCreative Theme is a very slick and clean e-commerce template with endless possibilities. Creating an awesome clothes store with this Theme is easy than you can imagine. We possess within us two minds. So far I have written only of the conscious mind. I would now like to introduce you to your second mind, the hidden and mysterious subconscious. Our subconscious mind contains such power and complexity that it literally staggers the imagination.
								</p>
							</div>

							<div class="col-sm-6">
								<p><span class="dropcap style-2">D</span>
									eoCreative Theme is a very slick and clean e-commerce template with endless possibilities. Creating an awesome clothes store with this Theme is easy than you can imagine. We possess within us two minds. So far I have written only of the conscious mind. I would now like to introduce you to your second mind, the hidden and mysterious subconscious. Our subconscious mind contains such power and complexity that it literally staggers the imagination.
								</p>				
							</div>

						</div> <!-- end dropcaps -->

						<!-- Html Style -->
						<h2 class="heading text-center mt-20">Html Style</h2>
						<div class="row mt-30">
							<div class="col-xs-12">
								<p>
									Our Theme is a very slick and clean e-commerce <a href="#" class="text-link">text link</a> with endless possibilities. Creating an awesome <strong>bold text</strong> store with this Theme is easy than you can imagine. We possess within us two minds. So far I have written only of the <i>italic text</i>. I would now like to introduce you to your second mind, the hidden and mysterious subconscious. Our subconscious mind contains such power and complexity that it literally bold text the imagination. We know that this subconscious mind controls and orchestrates our <span class="highlight">highlighted text</span> functions, from pumping blood to all parts of our body to egulating our breathing and digestion. We further know that the subconscious has recorded every event that has ever happened to us.
								</p>
							</div>

						</div> <!-- end html style -->


						<!-- Bullets and Lists -->
						<h2 class="heading text-center mt-40">Bullets &amp; Lists</h2>
						<div class="row mt-30">

							<div class="col-sm-3 mb-30">
								<ul class="list bullets">
									<li>Our Theme is a very slick</li>
									<li>Clean &amp; minimal design</li>
									<li>The best theme ever</li>
									<li>Super flexible template</li>
									<li>Tons of features</li>
								</ul>
							</div> <!-- end col -->

							<div class="col-sm-3 mb-30">
								<ul class="list arrows">
									<li><i class="ti-angle-right"></i> Our Theme is a very slick</li>
									<li><i class="ti-angle-right"></i> Clean &amp; minimal design</li>
									<li><i class="ti-angle-right"></i> The best theme ever</li>
									<li><i class="ti-angle-right"></i> Super flexible template</li>
									<li><i class="ti-angle-right"></i> Tons of features</li>
								</ul>
							</div> <!-- end col -->

							<div class="col-sm-3 mb-30">
								<ul class="list checks">
									<li><i class="ti-check"></i> Our Theme is a very slick</li>
									<li><i class="ti-check"></i> Clean &amp; minimal design</li>
									<li><i class="ti-check"></i> The best theme ever</li>
									<li><i class="ti-check"></i> Super flexible template</li>
									<li><i class="ti-check"></i> Tons of features</li>
								</ul>
							</div> <!-- end col -->

							<div class="col-sm-3">
								<ol class="list numbers">
									<li>Our Theme is a very slick</li>
									<li>Clean &amp; minimal design</li>
									<li>The best theme ever</li>
									<li>Super flexible template</li>
									<li>Tons of features</li>
								</ol>
							</div> <!-- end col -->
						</div> <!-- end bullets and lists -->


						<!-- 1/2 column -->
						<div class="section-columns">
							<h2 class="heading text-center mt-40">Columns</h2>
							<div class="row">

								<div class="col-sm-6">
									<h6>1/2 Column</h6>
									<p>Our Theme is a very slick and clean e-commerce template with endless possibilities. Creating an awesome website with this Theme is easy than you can imagine.</p>
								</div> <!-- end col -->

								<div class="col-sm-6">
									<h6>1/2 Column</h6>
									<p>Our Theme is a very slick and clean e-commerce template with endless possibilities. Creating an awesome website with this Theme is easy than you can imagine.</p>
								</div> <!-- end col -->

							</div> <!-- end row -->
							
							<!-- 1/3 column -->
							<div class="row">

								<div class="col-sm-4">
									<h6>1/3 Column</h6>
									<p>Our Theme is a very slick and clean e-commerce template with endless possibilities. Creating an awesome website with this Theme is easy than you can imagine.</p>
								</div> <!-- end col -->

								<div class="col-sm-4">
									<h6>1/3 Column</h6>
									<p>Our Theme is a very slick and clean e-commerce template with endless possibilities. Creating an awesome website with this Theme is easy than you can imagine.</p>
								</div> <!-- end col -->

								<div class="col-sm-4">
									<h6>1/3 Column</h6>
									<p>Our Theme is a very slick and clean e-commerce template with endless possibilities. Creating an awesome website with this Theme is easy than you can imagine.</p>
								</div> <!-- end col -->

							</div> <!-- end row -->

							<!-- 1/4 column -->
							<div class="row">

								<div class="col-sm-3">
									<h6>1/4 Column</h6>
									<p>Our Theme is a very slick and clean e-commerce template with endless possibilities.</p>
								</div> <!-- end col -->

								<div class="col-sm-3">
									<h6>1/4 Column</h6>
									<p>Our Theme is a very slick and clean e-commerce template with endless possibilities.</p>
								</div> <!-- end col -->

								<div class="col-sm-3">
									<h6>1/4 Column</h6>
									<p>Our Theme is a very slick and clean e-commerce template with endless possibilities.</p>
								</div> <!-- end col -->

								<div class="col-sm-3">
									<h6>1/4 Column</h6>
									<p>Our Theme is a very slick and clean e-commerce template with endless possibilities.</p>
								</div> <!-- end col -->

							</div> <!-- end row -->

							<!-- 1/3 2/3 column -->
							<div class="row">

								<div class="col-sm-4">
									<h6>1/3 Column</h6>
									<p>Our Theme is a very slick and clean e-commerce template with endless possibilities. Creating an awesome website with this Theme is easy than you can imagine.</p>
								</div> <!-- end col -->

								<div class="col-sm-8">
									<h6>2/3 Column</h6>
									<p>Our Theme is a very slick and clean e-commerce template with endless possibilities. Creating an awesome website with this Theme is easy than you can imagine. Our Theme is a very slick and clean e-commerce template with endless possibilities. Creating an awesome website with this Theme is easy than you can imagine.</p>
								</div> <!-- end col -->

							</div> <!-- end row -->

							<!-- 1/4 3/4 column -->
							<div class="row">

								<div class="col-sm-3">
									<h6>1/4 Column</h6>
									<p>Our Theme is a very slick and clean e-commerce template with endless possibilities.</p>
								</div> <!-- end col -->

								<div class="col-sm-9">
									<h6>3/4 Column</h6>
									<p>Our Theme is a very slick and clean e-commerce template with endless possibilities. Creating an awesome website with this Theme is easy than you can imagine. Our Theme is a very slick and clean e-commerce template with endless possibilities. Creating an awesome website with this Theme is easy than you can imagine.</p>
								</div> <!-- end col -->

							</div> <!-- end row -->

							<!-- 1/6 column -->
							<div class="row">

								<div class="col-sm-2">
									<h6>1/6 Column</h6>
									<p>Our Theme is a very slick and clean e-commerce template with endless possibilities.</p>
								</div> <!-- end col -->

								<div class="col-sm-2">
									<h6>1/6 Column</h6>
									<p>Our Theme is a very slick and clean e-commerce template with endless possibilities.</p>
								</div> <!-- end col -->

								<div class="col-sm-2">
									<h6>1/6 Column</h6>
									<p>Our Theme is a very slick and clean e-commerce template with endless possibilities.</p>
								</div> <!-- end col -->

								<div class="col-sm-2">
									<h6>1/6 Column</h6>
									<p>Our Theme is a very slick and clean e-commerce template with endless possibilities.</p>
								</div> <!-- end col -->

								<div class="col-sm-2">
									<h6>1/6 Column</h6>
									<p>Our Theme is a very slick and clean e-commerce template with endless possibilities.</p>
								</div> <!-- end col -->

								<div class="col-sm-2">
									<h6>1/6 Column</h6>
									<p>Our Theme is a very slick and clean e-commerce template with endless possibilities.</p>
								</div> <!-- end col -->

							</div>
						</div> <!-- end columns -->


					</div> <!-- end col -->
				</div> <!-- end row -->
			</div> <!-- end container -->
		</section> <!-- end typography -->


		<div class="footer-spacer">&nbsp;</div>
		<!-- Footer -->
		<footer class="footer bg-dark">
			<div class="container">
				<div class="footer-widgets">
					<div class="row">

						<div class="col-md-6 col-md-offset-3">
							
							<div class="footer-logo local-scroll text-center mb-20">
								<div class="logo-wrap local-scroll">
									<a href="#home" class="logo">
										<img src="img/logo_light.png" alt="logo">
									</a>
								</div>
							</div>

							<div class="footer-socials mt-mdm-10">
								<div class="social-icons text-center">
									<a href="#">Twitter</a> -
									<a href="#">Facebook</a> -								
									<a href="#">Google</a> -
									<a href="#">Youtube</a> -
									<a href="#">Linkedin</a>
								</div>
							</div>

						</div>

					</div>
				</div>		
			</div> <!-- end container -->

			<div class="bottom-footer">
				<div class="container">
					<div class="row">

						<div class="col-sm-12 copyright text-center">
							<span>
								© 2016 DeoOnepage  |  Made by DeoThemes. More Templates <a href="http://www.cssmoban.com/" target="_blank" title="模板之家">模板之家</a> - Collect from <a href="http://www.cssmoban.com/" title="网页模板" target="_blank">网页模板</a>
							</span>
						</div>

					</div>
				</div>
			</div> <!-- end bottom footer -->
		</footer> <!-- end footer -->

		<div id="back-to-top">
			<a href="#top"><i class="fa fa-angle-up"></i></a>
		</div>

	</div> <!-- end main-wrapper -->

	<!-- jQuery Scripts -->
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript" src="js/bootstrap.min.js"></script>
	<script type="text/javascript" src="js/plugins.js"></script>
	<script type="text/javascript" src="revolution/js/jquery.themepunch.tools.min.js"></script>
	<script type="text/javascript" src="revolution/js/jquery.themepunch.revolution.min.js"></script>
	<script type="text/javascript" src="js/rev-slider.js"></script>
	<script type="text/javascript" src="js/scripts.js"></script>
	  
</body>
</html>